﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="UboxIntroduction.ascx.cs" Inherits="UserControl_UboxIntroduction" %>


<style>
    .introduction-content{
        cursor: default;
        width: 300px;
        margin: 0 auto 15px auto;
        padding-bottom: 5px;
        border-radius: 6px;
        background-color: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
    }

    .introduction-content:hover {
        opacity:0.9;
    }
    .introduction-top, .introduction-bottom, .introduction-bottom,  .introduction-top-contenet{
                /*border: 1px solid green;*/
    }
    .introduction-top{
        padding: 13px 6px;
        height: 56px;
        background-color: rgba(248, 248, 248, 0.9);
        box-shadow: 0 2px 2px 1px rgba(0,0,0,.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 6px 6px 0 0;
    }
    .introduction-top-contenet{
        height: 30px;
        margin:auto;
        text-align: center;
        line-height:30px;
    }
     .introduction-top-contenet > h4 {
        font-weight:bolder;
    }
    .introduction-middle{
        padding-top: 10px;
        text-align: center;
    }
.introduction-middle>h5{
    display: inline;
    font-weight:bolder;
    color:#0099FF;
}
.introduction-bottom{
    min-height: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 10px;
    padding-bottom: 15px;
    /*border: 1px solid rgba(0,0,0,0.1);*/
    padding:10px;
    
}
    .introduction-bottom img{
        width: 80px;
        margin: 2px;
        opacity: 0.5;
    }
</style>

<div class="introduction-content">
    <div class="introduction-top">
        <div class="introduction-top-contenet">
            <h4 id="productName">產品名稱</h4>
        </div>
    </div>
    <div class="introduction-middle">
        <h5>目前市價：</h5>
        <h5 id="productPrice"></h5>
    </div>
    <div id="DivUbox" class="introduction-bottom">
    </div>
</div>







<script>
    //點到登入表單 不要氣泡至login-container引發hideLoginContainer()
    $('.introduction-content').click(function (event) {
        event.stopPropagation();
    });
</script>